@CHARSET "UTF-8";

#bg{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:0;	
}

body{
	
}
#container{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	margin:0px auto;
	z-index:1;
}
#contenu{
	background-image:url(../img/bg1.png);
	
	width:680px;
	height:410px;
	margin:0px auto;
	margin-top:100px;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	overflow:auto;
}
#contenuEditeur{
	width:200px;
	height:200px;
	overflow:hidden;
	}
	
a{
	font-family:"STENCIL";
	font-size:22px;
	color:#FF3300;
}
a:hover{
	color:#F6358A;
}
a:visited:hover{
	color:#F6358A;
}
a:active{
	color:#5CB3FF;
}
a:visited{
	color:#006600;
}

#barreNav{
	width:200px;	
	float:left;
}
#barreNav a{
	font-size:12px;
	color:black;
}
#barreNav li{
	list-style-image:none;	
	list-style-type:none;
}
#barreNav ul{
	padding-left:10px;
}
#contenuEditeur{
	width:480px;
	height:400px;
	float:left;
}

#clear{
	clear:both;
}

#contact{
}
#contact #contactDetail{
	width:500px;
	margin:0px auto;
	border-style:solid;
	border-width:2px;
	border-color:#ee7621;	
	margin-bottom:10px;
	font-family:"Century Gothic";
	font-size:14px;
	padding:5px;
}
	
#contactCourriel{
	font-size:18px;
	font-weight:bold;
	margin-bottom:6px;
}

#contactTel{
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:6px;
}
#contactFax{
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:6px;
}
#contact h3{
	background-color:BLACK;
}


#detailsEmploi{
	width:500px;
	margin:0px auto;
	border-style:solid;
	border-width:2px;
	border-color:#ee7621;	
	margin-bottom:10px;
	font-family:"Century Gothic";
	font-size:14px;
	padding:5px;
}

#map{
	width:500px;
	margin: 0px auto;	
}
#map a{
	display:none;
}
#map span{
	display:none;
}

#offre #horaire{
	font-size:18px;
	font-weight:bold;
	margin-bottom:6px;
}

#offre #embauche{
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:6px;
}
#offre h3{
	background-color:BLACK;
}

#employe{
}
#employe #detailEmploye{
	width:500px;
	margin:0px auto;
	border-style:solid;
	border-width:2px;
	border-color:#ee7621;	
	margin-bottom:10px;
	font-family:"Century Gothic";
	font-size:14px;
	padding:5px;
}
	
#employe #nom{
	font-size:18px;
	font-weight:bold;
	margin-bottom:6px;
}

#employe #poste{
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:6px;
}
#employe h3{
	background-color:BLACK;
}

.footer{
	text-align:center;	
	width:720px;
	margin:0px auto;
	margin-top:15px;
	z-index:5;
}

#galerie{
	height:335px;
	overflow:hidden;	
}

#photos{
	padding:0px;
	margin:0px auto;
	width:600px;
	overflow:hidden;
	height:335px;
}

#photos .carousel-previous {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://thomlx.free.fr/numerized/styles/images/buttons/prev.png) no-repeat scroll 0 0;
top:190px;
width:40px;
padding:10px;
}

#photos .carousel-next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://thomlx.free.fr/numerized/styles/images/buttons/next.png) no-repeat scroll 0 0;

float:right;
top:-180px;
left:20px;

}

#photos .carousel-control {
cursor:pointer;
display:inline;
height:40px;

overflow:hidden;

width:40px;
z-index:40;
position:relative;
padding:10px;
}

#photos .carousel-wrap{
	width:500px;
	overflow:hidden;
	margin:0px auto;
}

#photos img{
	height:335px;
	width:500px;	
}
#photos ul{
	width:20000px;
	position:absolute;	
	padding-left:0px;
}
#photos ul li{
	display:inline;
	float:left;
	margin:20px;
	list-style-image: none;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	width:500px;
	margin:0;
	padding-left:0px;
	overflow:hidden;
}



.piton{
	width:120px;
	height:20px;
	padding-bottom:5px;
	padding-top:5px;
}


.titre{
	position:absolute;
	top:0px;
	left:100px;
	color:#FF3300;
	width:720px;
	height:80px;
	padding-top:40px;
	font-size:60px;
	font-weight:bolder;
}
#descForm{
	width:100px;
	padding-top:8px;
	font-weight:bold;
}
#champEditeur{
	width:250px;
}
#textAreaEditeur{
	width:440px;
	height:120px;
}
#idForm{
	display:none;
}

#services h3{
	background-color:BLACK;
}
#servicesDetail{
	width:500px;
	margin:0px auto;
	border-style:solid;
	border-width:2px;
	border-color:#ee7621;	
	margin-bottom:10px;
	font-family:"Century Gothic";
	font-size:14px;
	padding:5px;
}

#supprimer{
	position: relative;
	top: -40px;
	left: 150px;
	width:100px;
}

#ulEditeur{
	width:30000px;
}
#ulEditeur li{
	display:inline;
	float:left;
	margin-right:20px;
}

.editeurCarrieres{
	width:500px;
	height:400px;
}

.editeurServices{
	width:500px;
	height:400px;
}
#detailEmploye img{
	float:left;
	padding:10px;
	width:30%;
}
